<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title>SRT Editor</title>
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/creative-suite.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/ui-darkness/jquery-ui.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
	  
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script type="text/javascript" src="../../js/date.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>  
	<script type="text/javascript" src="../../js/SrtParser.js?v=2"></script>  
	<script type="text/javascript" src="srt-editor.js"></script>
</head>
<body> 
	<div id="app">
		<h1>SRT Editor</h1>
		<div class="secondary toolbar">
			<div class="bar-content">  
				<div class="buttons-container" style="float:left">
					<div class="buttons"> 
						<a class="button loadDefaults" href="#"><span>load defaults</span></a> 
						<a class="button loadCustom" href="#"><span>load</span></a> 
						 
						<a class="button text-smaller" title="Smaller text" href="#"><span><img src="../../img/icons/text-smaller.gif"></span></a>
						<a class="button text-bigger" title="Bigger text" href="#"><span><img src="../../img/icons/text-bigger.gif"></span></a> 
					</div>
				</div>
				<div class="buttons-container">
					<div class="buttons">
						<a class="button saveSrt" href="#"><span><img src="../../img/icons/diskette.gif"> <span>Save</span></span></a>  
					</div>
				</div>
			</div>
		</div>
		
		<div class="editor panel">
			<h3 class="top-header"></h3> 
	 		<div class="panel-content">
			</div>
		</div>
	 	
	 	<div class="loadNew panel">
	 		<h3>Load</h3>
	 		<div class="panel-content">
	 			<div class="vim">
	 				<label>Vimeo URL or ID</label>
	 				<input type="text" class="textfield" value="vimeo.com/21452001">
	 			</div>
	 			<div class="srt">
	 				<label>.srt URL or content</label>
	 				<textarea title="drag a .srt file into this area to load it" class="textfield"></textarea>
	 			</div>
	 			<div class="buttons">
	 				<a class="button cancel"><span>Cancel</span></a>
	 				<a class="button load"><span>Load</span></a>
	 			</div>
			</div>
	 	</div>
	 	
	</div>
</body>
</html>